<template>
  <div class="">
    初始化222
    <div class="">
      <lm-row class="mb-4">
        <lm-button>Default</lm-button>
        <lm-button type="primary">Primary</lm-button>
        <lm-button type="success">Success</lm-button>
        <lm-button type="info">Info</lm-button>
        <lm-button type="warning">Warning</lm-button>
        <lm-button type="danger">Danger</lm-button>
      </lm-row>
      <lm-row class="mb-4">
        <lm-button plain>Plain</lm-button>
        <lm-button
          type="primary"
          plain
        >Primary</lm-button>
        <lm-button
          type="success"
          plain
        >Success</lm-button>
        <lm-button
          type="info"
          plain
        >Info</lm-button>
        <lm-button
          type="warning"
          plain
        >Warning</lm-button>
        <lm-button
          type="danger"
          plain
        >Danger</lm-button>
      </lm-row>

      <lm-row class="mb-4">
        <lm-button round>Round</lm-button>
        <lm-button
          type="primary"
          round
        >Primary</lm-button>
        <lm-button
          type="success"
          round
        >Success</lm-button>
        <lm-button
          type="info"
          round
        >Info</lm-button>
        <lm-button
          type="warning"
          round
        >Warning</lm-button>
        <lm-button
          type="danger"
          round
        >Danger</lm-button>
      </lm-row>
      <lm-row class="mb-4">
        <lm-button
          type="primary"
          circle
        >
          <lm-icon name="code" />
        </lm-button>
      </lm-row>

      <!-- 禁用 -->
      <lm-row class="mb-4">
        <lm-button disabled>Default</lm-button>
        <lm-button
          type="primary"
          disabled
        >Primary</lm-button>
        <lm-button
          type="success"
          disabled
        >Success</lm-button>
        <lm-button
          type="info"
          disabled
        >Info</lm-button>
        <lm-button
          type="warning"
          disabled
        >Warning</lm-button>
        <lm-button
          type="danger"
          disabled
        >Danger</lm-button>
      </lm-row>
      <lm-row>
        <lm-button
          plain
          disabled
        >Plain</lm-button>
        <lm-button
          type="primary"
          plain
          disabled
        >Primary</lm-button>
        <lm-button
          type="success"
          plain
          disabled
        >Success</lm-button>
        <lm-button
          type="info"
          plain
          disabled
        >Info</lm-button>
        <lm-button
          type="warning"
          plain
          disabled
        >Warning</lm-button>
        <lm-button
          type="danger"
          plain
          disabled
        >Danger</lm-button>
      </lm-row>

      <!-- 大小 -->
      <lm-row>
        <lm-button size="large">Large</lm-button>
        <lm-button>Default</lm-button>
        <lm-button size="small">Small</lm-button>
        <lm-button
          size="large"
        >Search</lm-button>
        <lm-button >Search</lm-button>
        <lm-button
          size="small"
        >Search</lm-button>
      </lm-row>
      <lm-row class="my-4">
        <lm-button
          size="large"
          round
        >Large</lm-button>
        <lm-button round>Default</lm-button>
        <lm-button
          size="small"
          round
        >Small</lm-button>
        <lm-button
          size="large"
          round
        >Search</lm-button>
        <lm-button
          round
        >Search</lm-button>
        <lm-button
          size="small"
          round
        >Search</lm-button>
      </lm-row>
      <lm-row>
        <lm-button
          type="primary"
          size="large"
          circle
        >
          <lm-icon name="code" />
        </lm-button>
        <lm-button
          type="primary"
          size="small"
          circle
        >
          <lm-icon name="code" />
        </lm-button>
        <lm-button
          type="primary"
          circle
        >
          <lm-icon name="code" />
        </lm-button>
      </lm-row>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';

</script>
<style scoped lang="scss">

</style>
